﻿<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width" />
<title>Calculadora Sencilla</title>


<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/custom.modernizr.js"></script>


<style type="text/css">
#cabecera{
	/*background-color: #2aa3c8;*/
	height:60px;
	color:white;
	font-size: 24px;
	font-weight: lighter;
	padding: 0;
	text-align: center;
	background-image:url('img/bgr.png');
	background-repeat:repeat-x;
}

h2{
	color:white;
	font-weight:lighter;
	font-size:22px;
	text-align:left;
}

#resultado{
	font-size: 22px;
	font-weight: lighter;
}

#mostraroperacion {
  margin: 0;
  padding: 0;
}

</style>


<script src="script.js" type="application/javascript"></script>
</head>

<body>

<div class="row">
	<img src="img/header.png" alt="" width="100%" height="150px">
</div>



<div class="row">
<div class="large-12 columns">
	<div class="panel">
		<p id="mostraroperacion"><br/></p>
		<p id="resultado">0</p>
	</div>
</div>
</div>


<div class="row">
	
<div class="large-12 small-12 columns">


			
			
			<div class="clearing-close"></div>


			<div class="small-3 large-3 column button small" id="n7">7</div>
			<div class="small-3 large-3 column button small" id="n8">8</div>
			<div class="small-3 large-3 column button small" id="n9">9</div>
			<div class="small-3 large-3 column button small" id="nc">C</div>
						
			<div class="clearing-close"></div>
			
			<div class="small-3 large-3 column button small" id="n4">4</div>
			<div class="small-3 large-3 column button small" id="n5">5</div>
			<div class="small-3 large-3 column button small" id="n6">6</div>
			<div class="small-3 large-3 column button small" id="division">/</div>
			
			<div class="clearing-close"></div>
			
			<div class="small-3 large-3 column button small" id="n1">1</div>
			<div class="small-3 large-3 column button small" id="n2">2</div>
			<div class="small-3 large-3 column button small" id="n3">3</div>
			<div class="small-3 large-3 column button small" id="multiplicacion">*</div>
			
			<div class="clearing-close"></div>
			
			<div class="small-3 large-3 column button small" id="n0">0</div>
			<div class="small-3 large-3 column button small" id="np">.</div>
			<div class="small-3 large-3 column button small" id="suma">+</div>
			<div class="small-3 large-3 column button small" id="resta">-</div>

			<div class="clearing-close"></div>
			<div class="small-12 large-12 column button expand" id="igual">=</div>
						
			

	</div>
	
			
</div>


<div class="row">
	<img src="img/footer.png" alt="" width="100%" height="150px">
</div>

</body>


</html>